<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body {
				width: 300px;
				height: 350px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}
		</style>
		<link rel="stylesheet" href="mdc.min.css" />
		<script src="mdc.min.js"></script>
	</head>
	<body>
		<div>
			<label class="mdc-typography mdc-typography--headline6">截屏</label>
			<br />
			<label id="label-notice">定时截取当前标签页的画面</label>
			<br />
			<br />
			<div class="mdc-text-field">
				<input id="input-time" type="number" class="mdc-text-field__input">
				<label class="mdc-floating-label" for="my-text-field">延迟时间（毫秒）</label>
				<div class="mdc-line-ripple"></div>
			</div>
			<br />
			<div class="mdc-form-field">
				<div class="mdc-checkbox">
					<input type="checkbox" class="mdc-checkbox__native-control" id="checkbox" />
					<div class="mdc-checkbox__background">
						<svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
							<path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
						</svg>
						<div class="mdc-checkbox__mixedmark"></div>
					</div>
				</div>
				<label for="checkbox">自动刷新网页</label>
			</div>
			<br />
			<button id="button-submit" class="mdc-button">Action</button>
			<br />
			<br />
			<div style="width: 200px;">
				<label>使用说明：</label>
				<br />
				<label>设置延迟时间，然后点击Action按钮即可开始循环截取当前屏幕。出于安全考虑，延迟时间&nbsp;≥&nbsp;1000（毫秒）才会生效。将延迟时间设为&nbsp;≤&nbsp;1000（毫秒）点击Action按钮即可关闭运行状态。</label>
			</div>
		</div>
	</body>
	<script src="popup.js"></script>
</html>
